{extends file="./main.tpl"}
{block name="head"}
<link href="css/user.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen">
 div.stageOfProcess
  {
   color:black;
   height:1000px;
   width:1000px;
  }
</style>
<script type="text/javascript">
function getStageProcess()
{
	var dataString = "invoiceId=" + $("#invoiceId").val();
  $.ajax({
	  type: "GET",
	  url: "stageProcessStatus.php",
	  data: dataString,
	  success:function(data){
	    $(".stageOfProcess").html(data);  	
	  }
});
}
</script>
{/block}
{block name="body"}
<table align="center" border=1 width="350px" height="50px">
<tr>
  <th>CONTRACT NO:</th>
  <td>
    <label>
  <select name="contractId" id="invoiceId" onchange="getStageProcess();"  style="margin-left: 50px;">
  <option value="">Select</option>
    {html_options values=$contractArrayList.invoiceId output=$contractArrayList.invoiceNo}
  </select>
  </label>
</td>
</tr>
</table>	
<div class="stageOfProcess"></div>
{/block}